<template>
  <div id="footer">
    <n-row v-if="viewDataSource">
      <n-col span="4">
        <span>
         &nbsp  {{viewDataSource.tableSize}} &nbsp;表
        </span>
      </n-col>
      <n-col span="4">
        <span>
          {{viewDataSource.connectName}} &nbsp;
          <span v-if="viewDataSource.dataBase"> 数据库: &nbsp{{viewDataSource.dataBase}}</span>
        </span>
      </n-col>
      <n-col span="12">

      </n-col>
      <n-col span="4">
      </n-col>
    </n-row>
  </div>


</template>

<script setup lang="ts">
import {PropType} from "vue";
import {ViewObjectData} from "../mysql/object/ViewObjectData";

const props = defineProps({
  //可能是数据库或者是表
  viewDataSource:{
    type: Object as PropType<ViewObjectData>
  }
});

</script>

<style scoped>
#footer{
  width: 100%;
  height: 2%;
  position: fixed;
  bottom: 0;
  background-color: #f0f0f0;
}

</style>